/**
 * order-pay js file
 *
 * @author: Wang Taohong <wangtaohong@123.com.cn>
 * @link:  (弹窗集合)    http://www.huamill.com 
 * @copyright: 花密欧平台【安徽云掌】
 */
$(function(){
			//全局使用。即所有弹出层都默认采用，但是单个配置skin的优先级更高
    layer.config({
		  extend: 'myskin/style.css', //加载您的扩展样式
		  skin: 'myskin'
		});
    $('.success-warp').on('click', function() {
        layer.open({
            type: 1,
            title: '信息', //是否显示标题
            area: ['380px', '237px'],
            shadeClose: true, //点击遮罩关闭
            content: $('#box1'),
            btn: ['继续接单', '查看订单']

        });
    });

    $('.rules-warp').on('click', function() {
        layer.open({
            type: 1,
            title: false, //是否显示标题
            area: ['528px', '584x'],
            shadeClose: true, //点击遮罩关闭
            content: $('#box2'),
            success: function() {
                $('#content').niceScroll({
                    cursorcolor: "#ccc", //#CC0071 光标颜色
                    cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
                    touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
                    cursorwidth: "5px", //像素光标的宽度
                    cursorborder: "0", // 	游标边框css定义
                    cursorborderradius: "5px", //以像素为光标边界半径
                    autohidemode: false //是否隐藏滚动条
                });               
            },
            end:function(){
                	$("#ascrail2000").hide();
                }
        });
    });

    $('.order-warp').on('click', function() {
        layer.open({
            type: 1,
            title: '信息', //是否显示标题
            area: ['430px', '345px'],
            shadeClose: true, //点击遮罩关闭
            content: $('#box3')
        });
    });

    $('.certification-warp').on('click', function() {
        layer.open({
            type: 1,
            title: false, //是否显示标题
            area: ['380px', '237px'],
            shadeClose: true, //点击遮罩关闭
            content: $('#box4'),
            btn: ['立即认证', '关闭']

        });
    });

    $('.login-warp').on('click', function() {
        layer.open({
            type: 1,
            title: '请先登录', //是否显示标题
            area: ['380px', '247px'],
            shadeClose: true, //点击遮罩关闭
            content: $('#box5'),
            btn: ['立即登录', '关闭']
        });
    });

    layer.alert('恭喜您抢单成功!是否立即查看订单信息，完成配送？', {
    	icon:1
    });
    
	    //tab层
	layer.tab({
		area: ['445px', '310px'],
		  tab: [{
		    title: 'TAB1', 
			content: '内容1'
		  }, {
		    title: 'TAB2', 
			content: '内容2'
		  }, {
		    title: 'TAB3', 
			content: '内容3'
		}],
		extend: 'myskin/style.css', //加载您的扩展样式
		skin: 'myskin-tab'
	});
    
	});


